<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片与文字环绕</title>
		<style>
			/* 图片添加浮动，段落不加浮动 */
			img{
				width: 200px;
				height: 200px;
				float: left;
			}
		</style>
	</head>
	<body>
		<img src="img/蜡笔小新.png" alt="小新">
		<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam repellat, suscipit fuga tempora in nam hic. Tempora expedita dicta necessitatibus fugiat voluptas, sed ipsum, temporibus quisquam, maxime eveniet ullam  Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit eaque maxime eligendi, deleniti perspiciatis nobis molestiae, enim nulla non debitis tempore odit atque soluta expedita laborum aut pariatur! Eveniet, rerum! Lorem ipsum dolor, sit amet consectetur adipisicing elit. Inventore, sunt, omnis distinctio debitis ipsum facere, odit rerum quod autem quo ab ducimus praesentium molestiae enim est. Repellendus iste maxime magni? Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt dolorum quidem molestiae quam laudantium magnam rerum amet, ipsa magni, perspiciatis tempora quos cum aut beatae accusamus! Placeat corporis non aliquam!</p>
	</body>
</html>